<template>
    <el-dialog 
    :visible.sync="visible" 
    title="流程查看"
    width="600px"
    @close="handleClose">
        <el-steps :active="active" finish-status="success" align-center>
            <el-step title="已保存"></el-step>
            <el-step title="审核中"></el-step>
            <el-step title="审核通过"></el-step>
        </el-steps>
    </el-dialog>
</template>

<script>
export default {
    name: 'reportStep',
    props: {
        visible: {
            type: Boolean,
            default: false
        },
        reportData: {
            type: Number,
            default: 1
        }
    },
    data() {
        return {
            active: 1
        }
    },
    watch: {
        reportData(newVal){
            this.active = newVal
        }
    },
    methods: {
        handleClose() {
            this.$emit('close')
        }
    }
}
</script>

<style>

</style>